<template>
  <div class="box">
    <mt-header title="下线操作" class="header">
      <router-link to="/place" slot="left">
      </router-link>
    </mt-header>
    <router-view></router-view>
    <div class="content-box" v-once>
      <div class="item">
        <h4>帮助</h4>
        <p>1、使用下线功能的终端需要连接Wi-Fi;</p>
        <p>2、下线后，如需再次登录Wi-Fi，请打开任意浏览器中的任意网站即可唤起登录页面；</p>
        <p>3、单一帐户仅允许同时一个终端在线，切换终端前请先下线。</p>
      </div>
    </div>
    <bottom v-once></bottom>
  </div>
</template>

<script>
  import Botttom from '../components/Bottom.vue'
  import Wait from '../components/logout/Wait.vue'
  import axios from 'axios'
  export default {
    name: "logout",
    components: {
      'bottom': Botttom,
      'wait': Wait
    },
    mounted: function () {

    },
    data() {
      return {
        number: "1",
        isChecked: false,
        accessCode: null,
        data: {}
      }
    },
    methods: {

    }
  }
</script>

<style scoped>
  .box {
    font-size: 0.14rem;
    height: 100%;
    background-color: rgba(239, 239, 239, 1);
    color: rgba(16, 16, 16, 1);
  }

  .header {
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: rgba(37, 44, 53, 1);
  }
  .content-box {
    padding: 0.15rem 0.13rem;
  }
  .item {
    padding: 0.15rem 0.1rem 0.2rem 0.1rem;
    border: 1px dashed #bfbfbf;
  }
  .item h4 {
    font-size: 0.11rem;
    color: #666666;
    line-height: 0.25rem;
  }
  .item p {
    font-size: 0.09rem;
    color: #999999;
    line-height: 0.20rem;
  }

</style>
